iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0

Figma 是誰

Figma 是一套線上設計軟體,具有即時協作的特性,在 COVID 疫情後普遍被採用。
https://i.imgur.com/vfB7iY7.png

除了設計師能夠用 Figma 產出 UI(介面)外,隨著設計師習慣的轉移,前端接收設計需求的習慣也相應改變。
相較過去每次更新 Sketch 的畫面給工程師們時,每次都要上傳、匯出至 Zeplin、Adobe xD,Figma 所見即所得。高互動性也讓我們可以看到設計師的進度和一舉一動 😅

https://ithelp.ithome.com.tw/upload/images/20240909/20166747cY8AOmAGTx.png
(圖片來源:Figma.com)

這系列文章跟 Figma 有什麼關係

這系列將圍繞「Figma」的使用,不會在 Figma 軟體操作上過多著墨,更多的是分享工程師與設計師間,怎麼透過這個平台合作。

其實在開發過程中,UX 設計師花在 Figma 產出 UI 的時間真的也不算多😂 
你可以將 Figma 想像為教室白板,要如何使用和創造價值就看如何運用了!

為什麼工程師也該了解 Figma

在目前的開發生態中,了解 Figma 可以讓工程師更好地理解設計師的思維和工作流程,從而提升雙方的工作效率。

工程師可以如何使用 Figma

  1. 查看 UI 規格:Figma 的 SPEC 面板讓工程師可以輕鬆查看設計規格(像是色碼、文字大小、Padding 等),確保開發出的產品符合設計師的要求。
  2. 多元的 Figma 開源資源:各種設計師和工程師開源資源,任何想得到的生產力工具都能找得到!像是去年推出的 builder.io,讓你透過 AI 直接切版設計稿、甚至發布網路。
  3. 參與設計過程:在設計初期,工程師可以參與設計討論,提供技術上的建議,確保最終設計既美觀又可實現。
  4. 其他有趣玩法!
    All the Launches at Config 2024 | Figma

上一篇
[Day2-介紹] UI/UX 設計師是做什麼的?
下一篇
[Day4-介紹] 工程師跟設計師會是敵對的?🙂‍↕️ 舉個範例吧!
系列文
【前端工程師&UI 的 30 天約會】戰勝猴子!:Figma 交付實戰篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言